﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>新闻列表</title>
	<meta charset="utf-8" />
    <link type="text/css" href="Style/List.css" rel="stylesheet" />
</head>
<body>
    <!-- 新闻列表页 -->
    <div id="wrapper">
        <!-- 页眉 -->
        <header id="header">
            <div id="logo">
                <a href="Index.html">新闻发布系统</a>
            </div>
            <div id="search">
                <form id="searchform">
                    <input type="text" />
                    <input type="submit" class="btn" value="搜索" />
                </form>
            </div>
        </header>
        <!-- 内容区域 -->
        <div id="banner">
            <div id="nav">
                <h1>新闻类别</h1>
                <ul>
                    <li><a href="#">新闻类别</a></li>
                    <li><a href="#">新闻类别</a></li>
                    <li><a href="#">新闻类别</a></li>
                    <li><a href="#">新闻类别</a></li>
                    <li><a href="#">新闻类别</a></li>
                </ul>
            </div>
            <div id="news">
                <div class="newslist">
                    <div class="hb"><h1>新闻头条</h1></div>
                    <div class="newstop">
                        <ul class="list">
                            <li><span class="category">[新闻类别]</span><a href="#">国学大师季羡林在京病逝 享年98岁</a><span class="date">2009-07-25</span></li>
                            <li><span class="category">[新闻类别]</span><a href="#">国学大师季羡林在京病逝 享年98岁</a><span class="date">2009-07-25</span></li>
                            <li><span class="category">[新闻类别]</span><a href="#">国学大师季羡林在京病逝 享年98岁</a><span class="date">2009-07-25</span></li>
                            <li><span class="category">[新闻类别]</span><a href="#">国学大师季羡林在京病逝 享年98岁</a><span class="date">2009-07-25</span></li>
                            <li><span class="category">[新闻类别]</span><a href="#">国学大师季羡林在京病逝 享年98岁</a><span class="date">2009-07-25</span></li>
                            <li><span class="category">[新闻类别]</span><a href="#">国学大师季羡林在京病逝 享年98岁</a><span class="date">2009-07-25</span></li>
                            <li><span class="category">[新闻类别]</span><a href="#">国学大师季羡林在京病逝 享年98岁</a><span class="date">2009-07-25</span></li>
                            <li><span class="category">[新闻类别]</span><a href="#">国学大师季羡林在京病逝 享年98岁</a><span class="date">2009-07-25</span></li>
                            <li><span class="category">[新闻类别]</span><a href="#">国学大师季羡林在京病逝 享年98岁</a><span class="date">2009-07-25</span></li>
                            <li><span class="category">[新闻类别]</span><a href="#">国学大师季羡林在京病逝 享年98岁</a><span class="date">2009-07-25</span></li>
                            <li><span class="category">[新闻类别]</span><a href="#">国学大师季羡林在京病逝 享年98岁</a><span class="date">2009-07-25</span></li>
                            <li><span class="category">[新闻类别]</span><a href="#">国学大师季羡林在京病逝 享年98岁</a><span class="date">2009-07-25</span></li>
                            <li><span class="category">[新闻类别]</span><a href="#">国学大师季羡林在京病逝 享年98岁</a><span class="date">2009-07-25</span></li>
                            <li><span class="category">[新闻类别]</span><a href="#">国学大师季羡林在京病逝 享年98岁</a><span class="date">2009-07-25</span></li>
                            <li><span class="category">[新闻类别]</span><a href="#">国学大师季羡林在京病逝 享年98岁</a><span class="date">2009-07-25</span></li>
                            <li><span class="category">[新闻类别]</span><a href="#">国学大师季羡林在京病逝 享年98岁</a><span class="date">2009-07-25</span></li>
                            <li><span class="category">[新闻类别]</span><a href="#">国学大师季羡林在京病逝 享年98岁</a><span class="date">2009-07-25</span></li>
                            <li><span class="category">[新闻类别]</span><a href="#">国学大师季羡林在京病逝 享年98岁</a><span class="date">2009-07-25</span></li>
                            <li><span class="category">[新闻类别]</span><a href="#">国学大师季羡林在京病逝 享年98岁</a><span class="date">2009-07-25</span></li>
                            <li><span class="category">[新闻类别]</span><a href="#">国学大师季羡林在京病逝 享年98岁</a><span class="date">2009-07-25</span></li>
                        </ul>
                    </div>
                </div>
                <div class="page">
                    <div class="total">共有200条记录&nbsp;当前1/10页</div>
                    <div class="num">
                        <a href="#" class="nobar">上一页</a>
                        <a href="#" class="active">1</a>
                        <a href="#">2</a>
                        <a href="#">3</a>
                        <a href="#">4</a>
                        <a href="#">5</a>
                        <a href="#">6</a>
                        <a href="#">7</a>
                        <a href="#">8</a>
                        <a href="#">9</a>
                        <a href="#">10</a>
                        <a href="#" class="nobar">下一页</a>
                    </div>
                </div>
            </div>           
        </div>
        <!-- 页脚 -->
        <footer id="footer">
            <p>版权所有 &copy;<a href="http://www.cnstrong.com.cn/" target="_blank">山东师创软件工程有限公司 </a></p>
        </footer>
    </div>
</body>
</html>
